<%--
  Created by IntelliJ IDEA.
  User: val
  Date: 14/11/25
  Time: 17:02
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>E.gift</title>
    <%@ include file="/include/egiftlibs.jsp" %>
    <style type="text/css">
        .wrap {
            width: 1170px;
            margin: 0 auto;
        }

        nav {
            height: 98px;
            line-height: 98px;
        }

        nav img {
            vertical-align: middle;
        }

        nav .menu {
            text-align: right;
            margin-top: -80px;
        }

        .menu img {
            padding: 0 10px;
        }

        .menu a {
            padding: 0 10px;
            font-size: 12px;
            color: #e01519;
            cursor: pointer;
        }

        .container {
            background: url('${cxp}/img/login-bg.png');
            width: 100%;
            height: 514px;
        }

        .login-container {
            width: 340px;
            float: left;
        }

        .login-title {
            color: #FFF;
            font-size: 36px;
            padding: 100px 0 20px;
        }

        .login-container input {
            width: 100%;
            height: 50px;
            line-height: 50px;
            padding: 0 30px;
            background-color: rgba(255, 255, 255, 0.5);
            font-size: 16px;
            margin: 5px 0;
            box-sizing: border-box;
        }

        .login-btn {
            margin: 5px 0 0 0;
            cursor: pointer;
        }

        .login-tip {
            color: #fff;
            cursor: pointer;
            margin-bottom: 10px;
            font-size: 16px;
        }

        .bt {
            border-top: solid 1px #fff;
            width: 100%;
            margin: 30px 0 0 0;
            padding-top: 10px;
            font-size: 18px;
        }

        .reset {
            color: #d6d6d6;
        }

        .reset a {
            color: #fff;
            text-decoration: none;
        }

        .photoslider {
            float: right;
            margin-top: 40px;
        }

        div.slideBox div.tips {
            background-color: transparent;
        }

        div.slideBox div.tips div.nums a {
            width: 10px;
            height: 10px;
            background-color: #b45142;
        }

        div.slideBox div.tips div.nums a.active {
            background-color: #fff;
        }

        div.slideBox div.tips {

        }

        div.slideBox div.tips div.title {
            display: none;
        }

        div.slideBox div.tips div.nums {
            width: 100%;
            text-align: center;
        }

        div.slideBox div.tips div.nums a {
            margin: 15px 10px 0;
        }
    </style>
</head>

<body>
<nav>
    <div class="wrap">
        <img src="${cxp}/img/logo.png" alt="" class="logo" />
    </div>
</nav>
<div class="container">
    <div class="wrap">
        <div class="login-container">
            <div class="login-title">
                <!--供应商登入-->
            </div>
            <form action="<c:url value="/home/login" />" method="post">
                <input type="text" name="name" id="name" placeholder="用户名"/>
                <input type="password" name="password" id="password" placeholder="密码"/>
                <%--<button type="submit"><img src="${cxp}/img/login-btn.png" alt="" class="login-btn"/></button>--%>
                <a class="btn" id="submitLogin" type="submit"><img src="${cxp}/img/login-btn.png" alt="" class="login-btn"/></a>
            </form>
            <span style="color:white;">${error}</span>
        </div>
        <div class="photoslider">
            <div id="demo3" class="slideBox">
                <ul class="items">
                    <li><a href="#" title=" "><img src="${cxp}/img/adv1.png"></a></li>
                    <li><a href="#" title=" "><img src="${cxp}/img/adv2.png"></a></li>
                    <li><a href="#" title=" "><img src="${cxp}/img/adv3.png"></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script>
/*    jQuery(function ($) {
        $('#demo3').slideBox({
            duration: 0.3,//滚动持续时间，单位：秒
            easing: 'linear',//swing,linear//滚动特效
            delay: 5,//滚动延迟时间，单位：秒
            hideClickBar: false,//不自动隐藏点选按键
            clickBarRadius: 10,
            height: 450
        });
    });*/

    $(function(){
        $('#demo3').slideBox({
            duration: 0.3,//滚动持续时间，单位：秒
            easing: 'linear',//swing,linear//滚动特效
            delay: 5,//滚动延迟时间，单位：秒
            hideClickBar: false,//不自动隐藏点选按键
            clickBarRadius: 10,
            height: 450
        });
        $("#submitLogin").click(function(){
            document.forms[0].submit();
        });
    });
</script>
</body>
</html>